<!--重点任务-->
<template>
<div>
  <el-card class="box-card">
    <div slot="header">
      <span class="header">重点任务</span>
    </div>
    <div class="part">
      <div class="topic">(一)推进以农光牧光为主的光伏治沙模式</div>
      <div class="title">科尔沁、浑善达克沙地光伏治沙规模</div>
      <el-table
        :data="tableData1"
        border
        style="width: 100%"
      >
        <el-table-column
          prop="region"
          label="区域"
          width="102px"
        >
        </el-table-column>
        <el-table-column label="2025年">
          <el-table-column
            prop="area1"
            label="治理面积(万亩)"
          >
          </el-table-column>
          <el-table-column
            prop="scale1"
            label="装机规模(万千瓦)"
          >
          </el-table-column>
        </el-table-column>
        <el-table-column label="2030年">
          <el-table-column
            prop="area2"
            label="治理面积(万亩)"
          >
          </el-table-column>
          <el-table-column
            prop="scale2"
            label="装机规模(万千瓦)"
          >
          </el-table-column>
        </el-table-column>
      </el-table>
    </div>
    <div class="part">
      <div class="topic">(二)推进以林光牧光相结合的光伏治沙模式</div>
      <div class="title">黄河“几字弯”攻坚战光伏治沙规模</div>
      <el-table
        :data="tableData2"
        border
        style="width: 100%"
      >
        <el-table-column
          prop="region"
          label="区域"
          width="102px"
        >
        </el-table-column>
        <el-table-column label="2025年">
          <el-table-column
            prop="area1"
            label="治理面积(万亩)"
          >
          </el-table-column>
          <el-table-column
            prop="scale1"
            label="装机规模(万千瓦)"
          >
          </el-table-column>
        </el-table-column>
        <el-table-column label="2030年">
          <el-table-column
            prop="area2"
            label="治理面积(万亩)"
          >
          </el-table-column>
          <el-table-column
            prop="scale2"
            label="装机规模(万千瓦)"
          >
          </el-table-column>
        </el-table-column>
      </el-table>
    </div>
    <div class="part">
      <div class="topic">(三)推进林光互补的光伏治沙模式</div>
      <div class="title">河西走廊一塔克拉玛干沙漠边缘阻击战光伏治沙规模</div>
      <el-table
        :data="tableData3"
        border
        style="width: 100%"
      >
        <el-table-column
          prop="region"
          label="区域"
          width="102px"
        >
        </el-table-column>
        <el-table-column label="2025年">
          <el-table-column
            prop="area1"
            label="治理面积(万亩)"
          >
          </el-table-column>
          <el-table-column
            prop="scale1"
            label="装机规模(万千瓦)"
          >
          </el-table-column>
        </el-table-column>
        <el-table-column label="2030年">
          <el-table-column
            prop="area2"
            label="治理面积(万亩)"
          >
          </el-table-column>
          <el-table-column
            prop="scale2"
            label="装机规模(万千瓦)"
          >
          </el-table-column>
        </el-table-column>
      </el-table>
    </div>
    <div class="part">
      <div class="topic">(四)提升沙区电网主干网架，加速跨省跨区通道建设</div>
      <p>
        延伸500千伏主干网架，向沙漠、沙地延伸500千伏主网架，进一步提升电网主网架覆盖面和承载力，提升电网对新能源资源配置能力。到2025年，在建成蒙西电网“四横五纵”、蒙东电网“八横两纵”500千伏主干网架基础上，初步 形成支撑有力、配置灵活、保障消纳的沙漠、沙地地区新能源送出主干网架结构。
      </p>
    </div>
  </el-card>
</div>
</template>

<script>
export default {
  name: 'keyTasks',
  data(){
    return{
      tableData1:[
        {
          region:'浑善达克沙地',
          area1:'5',
          scale1:'160',
          area2:'13',
          scale2:'500'
        },
        {
          region:'科尔沁沙地',
          area1:'9',
          scale1:'290',
          area2:'19',
          scale2:'700'
        },
        {
          region:'总 计',
          area1:'14',
          scale1:'450',
          area2:'32',
          scale2:'1200'
        }
      ],
      tableData2:[
        {
          region:'毛乌素沙地',
          area1:'4',
          scale1:'140',
          area2:'23',
          scale2:'900'
        },
        {
          region:'库布其沙漠',
          area1:'31',
          scale1:'1050',
          area2:'72',
          scale2:'2700'
        },
        {
          region:'乌兰布和沙漠',
          area1:'9',
          scale1:'300',
          area2:'53',
          scale2:'2100'
        },
        {
          region:'腾格里东部沙漠',
          area1:'3',
          scale1:'100',
          area2:'37',
          scale2:'1500'
        },
        {
          region:'总 计',
          area1:'47',
          scale1:'1590',
          area2:'185',
          scale2:'7200'
        }
      ],
      tableData3:[
        {
          region:'腾格里西部沙漠',
          area1:'1',
          scale1:'30',
          area2:'4',
          scale2:'150'
        },
        {
          region:'巴丹吉林沙漠',
          area1:'2',
          scale1:'70',
          area2:'9',
          scale2:'350'
        },
        {
          region:'总 计',
          area1:'3',
          scale1:'100',
          area2:'13',
          scale2:'500'
        }
      ]
    }
  }
}
</script>

<style scoped lang="scss">
.box-card{
  height: 883px;
  overflow-y: auto;
  .header {
    color: #11A983;
  }
  .part{
    margin-bottom: 10px;
    .topic{
      color: #11a983;
      border-bottom: 1px solid #11a983;
      display: inline-block;
    }
    .title{
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      padding: 12px 0;
    }
    p {
      text-indent: 2em; /* 设置首行缩进为2em */
      font-size: 14px;
    }
  }
}
</style>
